<template>
	<view class="user bgf7 pt10">
		<view class="flex flexC searchBox bgff p14 mx10">
			<text class="fs13">客户手机号：</text>
			<input type="text" class="bor flex1 r5 mx10 px8 fs13" placeholder="请输入"/>
			<button class="btn r5 cff fs13">搜索</button>
		</view>
		<view class="c00 px15 py12 bgf6 mx10 mt6">
			<text class="c41 fs12 mr6">•</text>
			<text class="bold6 fs14">最近一次消费</text>
		</view>
		<view class="bgff flex flexC flexB flexW aliC py8 mx10 fs13">
			<view class="w-10 py8">
				<view class="c00 bold6">消费时间</view>
				<view class="mt2">2024-02-19 12:20</view>
			</view>
			<view class="w-10 py8">
				<view class="c00 bold6">消费金额</view>
				<view class="mt2">200元</view>
			</view>
			<view class="w-10 py8">
				<view class="c00 bold6">消费包厢</view>
				<view class="mt2">发财包厢</view>
			</view>
		</view>
		
		<view class="c00 px15 py12 bgf6 mx10 mt6">
			<text class="c41 fs12 mr6">•</text>
			<text class="bold6 fs14">数据汇总</text>
		</view>
		<view class="bgff flex flexC flexB flexW aliC py8 mx10 fs13">
			<view class="w32 py8">
				<view class="c00 bold6">预定金额</view>
				<view class="mt2">200元</view>
			</view>
			<view class="w32 py8">
				<view class="c00 bold6">订单数</view>
				<view class="mt2">200元</view>
			</view>
			<view class="w32 py8">
				<view class="c00 bold6">充值金额</view>
				<view class="mt2">200元</view>
			</view>
			<view class="w32 py8">
				<view class="c00 bold6">美团核销</view>
				<view class="mt2">200元</view>
			</view>
			<view class="w32 py8">
				<view class="c00 bold6">抖音核销</view>
				<view class="mt2">200元</view>
			</view>
			<view class="w32 py8">
				<view class="c00 bold6">退款金额</view>
				<view class="mt2">200元</view>
			</view>
		</view>

		<view class="c00 flex flexC px15 py12 bgf6 mx10 mt6">
			<text class="c41 fs12 mr6">•</text>
			<text class="bold6 fs14">预定过的包厢</text>
		</view>
		<view class="bgff mx10 mb10 c85 py4 aliC fs14">
			<view class="flex flexC c00 py12 bold6 fs12">
				<text class="w-3">序号</text>
				<text class="flex1">名字</text>
				<text class="w-5">金额(元)</text>
				<text class="w-5">预定次数</text>
			</view>
			<view v-for="(item,index) in 5" :key="index" class="flex flexC py8">
				<text class="w-3 fs12">1</text>
				<text class="flex1">发财包厢</text>
				<text class="w-5">10000</text>
				<text class="w-5">1</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
.user {
	.w32 {
		width: 33%;
	}
	.searchBox {
		input {
			height: 58rpx;
			line-height: 58rpx;
			box-sizing: border-box;
		}
		.btn {
			background-color: #A9A9A9;
			color: #fff;
			width: 120rpx;
			height: 58rpx;
			line-height: 58rpx;
		}
	}
}
</style>
